<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>推客星球</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/header.css" />
	</head>

	<body>
		<div id="index">
			<div class="headerCon">
				<div class="header">
					<div class="logo">
						<a href="index.html"><img src="img/index/logo.png" /></a>
					</div>
					<ul class="nav">
						<li>
							<a href="">首页</a>
						</li>
						<li style="position: relative;" class="secNavPar">
							<a href="">热门文章</a>
							<div class="secNav">
								<p>赚钱教程</p>
								<p>圈内资讯</p>
								<p>项目推广</p>
							</div>
						</li>
						<li>
							<a href="">福利公社</a>
						</li>
						<li>
							<a href="">赚钱教程</a>
						</li>
						<li>
							<a href="">推客手册</a>
						</li>
					</ul>
					<div class="searchBtn"><img src="img/index/search.png" class="search1" /><img src="img/index/search_hover.png" class="search2" />搜索</div>
					<div class="user" id="user1">
						<a href="view/login.html">登录</a>
						<a href="view/register.html" class="register">注册</a>
					</div>
					<div class="user" id="user2">
						<div class="user2">
							<img src="img/index/user.png" class="userImg" />
							<div class="userInfo">
								<span class="icons"></span>
								<p class="name"></p>
								<div class="incon">
									<a>我的任务</a>
									<a>我的收藏 <span style="color: #f00;">(3)</span></a>
									<a>我的任务</a>
								</div>
								<p class="logout" onclick="logout()">退出登录</p>
							</div>
						</div>

					</div>
					<div class="searchCon">
						<div class="search">
							<input type="text" />
							<span>搜索</span>
						</div>
						<div class="closeImg">
							<img src="img/index/close.png" class="img1" />
							<img src="img/index/close_hover.png" class="img2" //>
						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="left">
					<div class="top">
						<div class="title">今日推荐<span>换一个</span></div>
						<div class="recommend">
							<div class="logo_icon"></div>
							<div class="name">趣头条</div>
							<div class="txt">看视频领现金，边看边赚钱</div>
							<div class="price">佣金￥<span>5.0</span></div>
							<div class="btns">查看详情</div>
						</div>
					</div>
					<div class="top2">
						<div class="title">项目分类</div>
						<ul class="list">
							<li><img src="img/index/st93.png" alt="" />咨询阅读</li>
							<li><img src="img/index/st93.png" alt="" />咨询阅读</li>
							<li><img src="img/index/st93.png" alt="" />咨询阅读</li>
							<li><img src="img/index/st93.png" alt="" />咨询阅读</li>
							<li><img src="img/index/st93.png" alt="" />咨询阅读</li>
							<li><img src="img/index/st93.png" alt="" />咨询阅读</li>
							<li><img src="img/index/st93.png" alt="" />咨询阅读</li>
							<li><img src="img/index/st93.png" alt="" />咨询阅读</li>
						</ul>
					</div>
					<div class="top3">
						<img src="img/index/st93.png" alt="" />
					</div>
					<div class="top4">
						<div class="title">查看详情教程<span>更多</span></div>
						<ul class="list">
							<li>
								<div><span>置顶</span>【赚钱教程】 手把手教你通过看视频赚钱</div>
								<div>2018-09-22</div>
							</li>
							<li>
								<div>【赚钱教程】 手把手教你通过看视频赚钱</div>
								<div>2018-09-22</div>
							</li>
							<li>
								<div>【赚钱教程】 手把手教你通过看视频赚钱</div>
								<div>2018-09-22</div>
							</li>
							<li>
								<div>【赚钱教程】 手把手教你通过看视频赚钱</div>
								<div>2018-09-22</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="middle">
					<div class="banner"></div>
					<div class="selects">
						<div class="title">精选项目 <span>更多</span></div>
						<div class="productCon">
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
								<div class="nums"><span>122人已完成</span></div>
							</div>
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
							</div>
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
							</div>
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
							</div>
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
							</div>
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="selects" style="margin-bottom: 0;">
						<div class="title">新锐项目 <span>更多</span></div>
						<div class="productCon">
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
							</div>
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
							</div>
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
							</div>
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
							</div>
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
							</div>
							<div class="item">
								<img src="img/index/st93.png" />
								<div class="info">
									<div class="info_top">用UC看新闻，领百元现金红包</div>
									<div class="info_mid">用YY看新闻每日再领5元</div>
									<div class="info_bottom">
										佣金￥<span>5.0</span>
										<span class="colorSpan">查看详情</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="right">
					<div class="billboard">
						<div class="title_top"><span class="active">热搜榜</span><span>最新发布</span></div>
						<div class="topList">
							<div class="item">
								<div class="num icon"><img src="img/index/icon1.png" style="margin-top: 25px;" /></div>
								<div class="cons">
									<div class="top_left"><img src="img/index/st93.png" /></div>
									<div class="top_right">
										<p>UC浏览器福利版</p>
										<p>佣金￥<span>5.0</span></p>
										<p class="topBtn">查看详情</p>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="num icon"><img src="img/index/icon2.png" style="margin-top: 25px;" /></div>
								<div class="cons">
									<div class="top_left"><img src="img/index/st93.png" /></div>
									<div class="top_right">
										<p>UC浏览器福利版</p>
										<p>佣金￥<span>5.0</span></p>
										<p class="topBtn">查看详情</p>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="num icon"><img src="img/index/icon3.png" style="margin-top: 25px;" /></div>
								<div class="cons">
									<div class="top_left"><img src="img/index/st93.png" /></div>
									<div class="top_right">
										<p>UC浏览器福利版</p>
										<p>佣金￥<span>5.0</span></p>
										<p class="topBtn">查看详情</p>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="num">1</div>
								<div class="cons">
									<div class="top_left"><img src="img/index/st93.png" /></div>
									<div class="top_right">
										<p>UC浏览器福利版</p>
										<p>佣金￥<span>5.0</span></p>
										<p class="topBtn">查看详情</p>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="num">1</div>
								<div class="cons">
									<div class="top_left"><img src="img/index/st93.png" /></div>
									<div class="top_right">
										<p>UC浏览器福利版</p>
										<p>佣金￥<span>5.0</span></p>
										<p class="topBtn">查看详情</p>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="num">1</div>
								<div class="cons">
									<div class="top_left"><img src="img/index/st93.png" /></div>
									<div class="top_right">
										<p>UC浏览器福利版</p>
										<p>佣金￥<span>5.0</span></p>
										<p class="topBtn">查看详情</p>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="num">1</div>
								<div class="cons">
									<div class="top_left"><img src="img/index/st93.png" /></div>
									<div class="top_right">
										<p>UC浏览器福利版</p>
										<p>佣金￥<span>5.0</span></p>
										<p class="topBtn">查看详情</p>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="num">1</div>
								<div class="cons">
									<div class="top_left"><img src="img/index/st93.png" /></div>
									<div class="top_right">
										<p>UC浏览器福利版</p>
										<p>佣金￥<span>5.0</span></p>
										<p class="topBtn">查看详情</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="circle">
						<div class="title">推客圈</div>
						<div class="circleCon">
							<p class="qqCon">任务互助群 <span>+ 加入</span></p>
							<p class="qqCon">任务互助群 <span>+ 加入</span></p>
							<p class="qqCon">任务互助群 <span>+ 加入</span></p>
							<div class="code">
								<img src="img/index/st93.png" />
								<p class="tit">关注推客星球公众号</p>
								<p class="tit2">实时获取最新赚钱项目</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="conMid">
				<div class="title">人人可复制的赚钱课<span>更多</span></div>
				<div class="conMidList">
					<div class="item">
						<img src="img/index/st93.png" class="classImg"/>
						<p class="name">微信/QQ群从游击队到正规军， 人人都要掌握社群赚钱能力</p>
						<p class="price"><img src="img/index/st93.png" /><span>喜马拉雅</span></p>
					</div>
					<div class="item">
						<img src="img/index/st93.png" class="classImg"/>
						<p class="name">微信/QQ群从游击队到正规军， 人人都要掌握社群赚钱能力</p>
						<p class="price"><img src="img/index/st93.png" /><span>喜马拉雅</span></p>
					</div>
					<div class="item">
						<img src="img/index/st93.png" class="classImg"/>
						<p class="name">微信/QQ群从游击队到正规军， 人人都要掌握社群赚钱能力</p>
						<p class="price"><img src="img/index/st93.png" /><span>喜马拉雅</span></p>
					</div>
					<div class="item">
						<img src="img/index/st93.png" class="classImg"/>
						<p class="name">微信/QQ群从游击队到正规军， 人人都要掌握社群赚钱能力</p>
						<p class="price"><img src="img/index/st93.png" /><span>喜马拉雅</span></p>
					</div>
				</div>
			</div>
			<div class="projects">
				<div class="title">项目集<span>更多</span></div>
				<div class="projectsList">
					<div class="item">
						<div class="top">
							<div class="topImg"><img src="img/index/st93.png"/></div>
							<div class="topTitle">
								<p class="p1">【一周热搜项目榜01期】「好看视频」跃居榜首跃居榜首跃居榜首</p>
								<p class="p2">项目集描述项目集描述项目集描述项目集描述项目集描述项目集描述项目集描描述项目集描述描述项目集描述描述项目集描述描述项目集描述</p>
							</div>
						</div>
						<ul class="proList">
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
						</ul>
						<p class="moreTit">查看全部 ></p>
					</div>
					<div class="item">
						<div class="top">
							<div class="topImg"><img src="img/index/st93.png"/></div>
							<div class="topTitle">
								<p class="p1">【一周热搜项目榜01期】「好看视频」跃居榜首跃居榜首跃居榜首</p>
								<p class="p2">项目集描述项目集描述项目集描述项目集描述项目集描述项目集描述项目集描描述项目集描述描述项目集描述描述项目集描述描述项目集描述</p>
							</div>
						</div>
						<ul class="proList">
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
						</ul>
						<p class="moreTit">查看全部 ></p>
					</div>
					<div class="item">
						<div class="top">
							<div class="topImg"><img src="img/index/st93.png"/></div>
							<div class="topTitle">
								<p class="p1">【一周热搜项目榜01期】「好看视频」跃居榜首跃居榜首跃居榜首</p>
								<p class="p2">项目集描述项目集描述项目集描述项目集描述项目集描述项目集描述项目集描描述项目集描述描述项目集描述描述项目集描述描述项目集描述</p>
							</div>
						</div>
						<ul class="proList">
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
						</ul>
						<p class="moreTit">查看全部 ></p>
					</div>
					<div class="item">
						<div class="top">
							<div class="topImg"><img src="img/index/st93.png"/></div>
							<div class="topTitle">
								<p class="p1">【一周热搜项目榜01期】「好看视频」跃居榜首跃居榜首跃居榜首</p>
								<p class="p2">项目集描述项目集描述项目集描述项目集描述项目集描述项目集描述项目集描描述项目集描述描述项目集描述描述项目集描述描述项目集描述</p>
							</div>
						</div>
						<ul class="proList">
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
							<li><img src="img/index/st93.png" /><span>喜马拉雅</span></li>
						</ul>
						<p class="moreTit">查看全部 ></p>
					</div>
				</div>
			</div>
			<div class="links">
				<div class="linkList">
					<div class="linkTile">友情链接</div>
					<ul>
						<li>友情链接</li>
						<li>友情链接</li>
						<li>友情链接</li>
						<li>友情链接</li>
						<li>友情链接</li>
						<li>友情链接</li>
						<li>友情链接</li>
					</ul>
				</div>
			</div>
			<div class="footer">
				<div class="footerCon">
					<div class="left">
						<p class="tit">关于我们</p>
						<div class="info">
							推客星球是一家专业的社会化推广服务平台，它基于众包模式，面向广大具有闲置时间的人们提供全网优质个人赚钱项目任务、优惠福利信息播报、产品宣传推广等相关服务，在这里可以实现人人都是推客，让每一个人的闲置时间转化为经济价值，真正实现全民参与赚钱。
						</div>
					</div>
					<div class="middle">
						<p class="tit">联系我们</p>
						<p class="p1">友链交换：tuikestar@162.com</p>
						<p class="p1">联合推广：tuikestar@162.com</p>
						<p class="p1">咨询QQ：547855740</p>
						<p class="p1">微信公众号：tuikestar2018</p>
						<div class="codes">
							<img src="img/index/st93.png" />
							<p>微信扫一扫，关注我们</p>
						</div>
					</div>
					<div class="right">
						<p class="tit">合作伙伴</p>
						<div class="imgs">
							<img src="img/index/st93.png" />
							<img src="img/index/st93.png" />
							<img src="img/index/st93.png" />
							<img src="img/index/st93.png" />
							<img src="img/index/st93.png" />
							<img src="img/index/st93.png" />

						</div>
					</div>
				</div>
				<div class="footer_info">©2010-2018 - 推客星球 - 黔ICP备14037330号-1</div>
			</div>
			<div class="floatWin">
				<div class="share">
					<img src="img/floatWin/share1.png" class="share1 icon" />
					<img src="img/floatWin/share2.png" class="share2 icon" style="display: none;" />
					<p class="shareImg">
						<span class="icons"></span>
						<img src="img/index/st93.png" />
						<span>微信扫一扫，分享到朋友圈</span>
					</p>
				</div>
				<div class="backTop">
					<img src="img/floatWin/back1.png" class="backTop1 icon" />
					<img src="img/floatWin/back2.png" class="backTop2 icon" style="display: none;" />
				</div>
			</div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
	<script type="text/javascript" src="js/vue.min.js"></script>
	<script src="js/axios.min.js"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/headerCommon.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
			$(".recommend").hover(function() {
				$(".btns").show();
			}, function() {
				$(".btns").hide();
			})
			$(".topList .item .top_right").hover(function() {
				$(this).find('.topBtn').show();
				$(this).css("color", "#009AFE");
			}, function() {
				$(this).find('.topBtn').hide();
				$(this).css("color", "#000");
			});

			$(".conMidList .item").hover(function() {
				$(this).css("box-shadow", "#ccc 0px 0px 10px 2px");
				$(this).find('.name').css("color", "#009AFE");
			}, function() {
				$(this).css("box-shadow", "none");
				$(this).find('.name').css("color", "#000");
			});

			$(".productCon .item").hover(function() {
				$(this).css("box-shadow", "#ccc 0px 0px 10px 2px");
				$(this).find('.info .info_top').css("color", "#009AFE");
				$(this).find(".colorSpan").css("color", "#fff");
				$(this).find(".colorSpan").css("background", "#009AFE");
				$(this).find(".colorSpan").css("border-color", "#009AFE");
			}, function() {
				$(this).css("box-shadow", "none");
				$(this).find('.info .info_top').css("color", "#000");
				$(this).find(".colorSpan").css("color", "#999");
				$(this).find(".colorSpan").css("background", "#fff");
				$(this).find(".colorSpan").css("border-color", "#E1E1E1");
			});

			$(".projectsList .item_right li").hover(function() {
				$(this).find('.p3').show();
				$(this).css("color", "#009AFE");
			}, function() {
				$(this).find('.p3').hide();
				$(this).css("color", "#000");
			});

		});

		function logout() {
			getAjax("post", "/api/app/user/logout", Cookies.get('token')).then(res => {
					Cookies.remove('token');
					Cookies.remove('user');
					window.location.href = "view/login.html"
				});
		}
	</script>
	<script type="text/javascript">
		new Vue({
			el: '#index',
			data: {
				
			},
			methods: {}
		});
	</script>

</html>